<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页 | L-LEMON</title>


    <!--STYLESHEET-->
    <!--=================================================-->

    <!--Open Sans Font [ OPTIONAL ]-->
    <link href='../../assets/css/26707bedc25a4344bb99d7e1215825f4.css' rel='stylesheet' type='text/css'>

    <!--Bootstrap Stylesheet [ REQUIRED ]-->
    <link href="../../assets/css/bootstrap.min.css" rel="stylesheet">

    <!--Nifty Stylesheet [ REQUIRED ]-->
    <link href="../../assets/css/nifty.min.css" rel="stylesheet">

    <!--Nifty Premium Icon [ DEMONSTRATION ]-->
    <link href="../../assets/css/nifty-demo-icons.min.css" rel="stylesheet">

    <!--icon Stylesheet-->
    <link href="../../assets/css/ionicons.min.css" rel="stylesheet">

    <!--Demo [ DEMONSTRATION ]-->
    <link href="../../assets/css/nifty-demo.min.css" rel="stylesheet">

    <!--Morris.js [ OPTIONAL ]-->
    <link href="../../assets/css/morris.min.css" rel="stylesheet">

    <!--Magic Checkbox [ OPTIONAL ]-->
    <link href="../../assets/css/magic-check.min.css" rel="stylesheet">

    <!--Bootstrap Table [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-table.min.css" rel="stylesheet">

    <!--X-editable [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-editable.css" rel="stylesheet">

    <!--Switchery [ OPTIONAL ]-->
    <link href="../../assets/css/switchery.min.css" rel="stylesheet">
    
    <!--Bootstrap Select [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-select.min.css" rel="stylesheet">

    <!--Select2 [ OPTIONAL ]-->
    <link href="../../assets/css/select2.min.css" rel="stylesheet">

    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <link href="../../assets/css/bootstrap-datepicker.min.css" rel="stylesheet">
    <link href="../../assets/css/bootstrapvalidator.min.css" rel="stylesheet">
    
    <link href="../../assets/js/ztree/css/metro.css" rel="stylesheet">
    <!--JAVASCRIPT-->
    <!--=================================================-->

    <!--Pace - Page Load Progress Par [OPTIONAL]-->
    <link href="../../assets/css/pace.min.css" rel="stylesheet">
    <script src="../../assets/js/pace.min.js"></script>

    <!--jQuery [ REQUIRED ]-->
    <script src="../../assets/js/jquery-2.2.4.min.js"></script>

    <!--BootstrapJS [ RECOMMENDED ]-->
    <script src="../../assets/js/bootstrap.min.js"></script>

    <!--=================================================-->
    <!--Bootstrap Table [ OPTIONAL ]-->
    <script src="../../assets/js/table/bootstrap-table.min.js"></script>

    <script src="../../assets/js/table/bootstrap-table-zh-CN.min.js"></script>

    <!--=================================================-->

    <!--Morris.js [ OPTIONAL ]-->
    <script src="../../assets/js/morris.min.js"></script>
    <script src="../../assets/js/raphael.min.js"></script>

    <!--Sparkline [ OPTIONAL ]-->
    <script src="../../assets/js/jquery.sparkline.min.js"></script>

    <!--NiftyJS [ RECOMMENDED ]-->
    <script src="../../assets/js/nifty.min.js"></script>

    <!--Switchery [ OPTIONAL ]-->
    <script src="../../assets/js/switchery.min.js"></script>
    <!--Bootstrap Select [ OPTIONAL ]-->
    <script src="../../assets/js/bootstrap-select.min.js"></script>
    
    <!--Select2 [ OPTIONAL ]-->
    <script src="../../assets/js/select2.min.js"></script>
    
    <!--Bootstrap Datepicker [ OPTIONAL ]-->
    <script src="../../assets/js/bootstrap-datepicker.min.js"></script>
    <script src="../../assets/js/bootstrap-datepicker.zh-CN.js"></script>
    <script src="../../assets/js/nice-validator/dist/jquery.validator.min.js"></script>
    <script src="../../assets/js/nice-validator/dist/local/zh-CN.js"></script>
    <script src="../../assets/js/ztree/js/jquery.ztree.all-3.5.min.js"></script>

    <script src="../../assets/js/md5.js"></script>
    <script src="../../assets/js/common.js"></script>
    <script src="../../main/js/user.js"></script>
</head>

<!--TIPS-->
<!--You may remove all ID or Class names which contain "demo-", they are only used for demonstration. -->
<body>

            <!--Page Title-->
            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
            <div id="page-title">
                <h1 class="page-header text-overflow">用户管理</h1>

                <!--Searchbox-->
                <!--<div class="searchbox">-->
                <!--<div class="input-group custom-search-form">-->
                <!--<input type="text" class="form-control" placeholder="Search..">-->
                <!--<span class="input-group-btn">-->
                <!--<button class="text-muted" type="button"><i class="demo-pli-magnifi-glass"></i></button>-->
                <!--</span>-->
                <!--</div>-->
                <!--</div>-->
            </div>
            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
            <!--End page title-->

            <!--Breadcrumb-->
            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
            <ol class="breadcrumb">
                <li><a href="#">首页</a></li>
                <li><a href="#">系统管理</a></li>
                <li class="active">用户管理</li>
            </ol>
            <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
            <!--End breadcrumb-->

            <!--Page content-->
            <!--===================================================-->
            <div id="page-content">
                <div class="panel">
                    <div class="panel-body">
                        <div id="demo-toolbar-row">
                            <button class="btn btn-primary" data-target="#demo-default-modal" data-toggle="modal">
                            	<i class="ion-plus-round"></i> 添加
                            </button>
                            <button class="btn btn-danger" id="demo-delete-row" disabled="disabled">
                            	<i class="ion-close-round"></i> 删除
                           	</button>
                        </div>
                        <table id="demo-editable"
                               data-toolbar="#demo-toolbar-row"
                               data-search="true"
                               data-show-refresh="true"
                               data-show-toggle="true"
                               data-show-columns="true"
               				   data-side-pagination="server"
                               data-pagination="true">
                        </table>
                    </div>
                </div>
            </div>
            <!--===================================================-->
            <!--End page content-->


		<div class="modal fade" id="demo-default-modal" role="dialog" tabindex="-1" aria-labelledby="demo-default-modal" aria-hidden="true" style="display: none;">
	        <div class="modal-dialog">
	            <div class="modal-content">
	
	                <!--Modal header-->
	                <div class="modal-header">
	                    <button type="button" class="close" data-dismiss="modal"><i class="pci-cross pci-circle"></i></button>
	                    <h4 class="modal-title">用户信息</h4>
	                </div>
	
	                <!--Modal body-->
	                <div class="modal-body">
	                    <form id="edit-form" class="form-horizontal form-ajax" role="form" data-toggle="validator">
                      			<div id="errtips" class="hide"></div>
                      			<input type="hidden" name="id" />
                               
                                  <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 用户帐号：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="account" class="form-control" placeholder="请输入用户账号" data-rule="required,username">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 用户密码：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="password" name="password" class="form-control" placeholder="请输入密码" data-rule="密码:password">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 确认密码：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="password" name="repeat_password" class="form-control"
                                              placeholder="请再次输入密码" data-rule="确认密码:match(password)">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 姓名：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="userName" class="form-control" placeholder="请输入真实姓名" data-rule="required">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3" for="sex">
                                   	<span class="text-danger">*</span> 性别：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                          <label class="radio-inline">
                                               <input type="radio" name="sex" class="styled" value="1" >男
                                          </label>
                                          <label class="radio-inline">
                                             <input type="radio" name="sex" class="styled" value="2" data-rule="checked">女
                                          </label>
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3" for="phone">
                                   	<span class="text-danger">*</span> 手机号码：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="phone" class="form-control" placeholder="请输入手机号码" data-rule="required,mobile">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 邮箱：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="email" class="form-control" placeholder="请输入邮箱地址" data-rule="required,email">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3" for="birthDay">
                                   	<span class="text-danger">*</span> 出生日期：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <div class="input-group">
                                           <input type="text" id="birthDay" name="birthDay" class="form-control datetimepicker"
                                                  placeholder="请输入出生日期" data-rule="required,date" data-date-format="yyyy-mm-dd">
                                           <span class="input-group-addon"><i class="demo-pli-calendar-4"></i></span>
                                       </div>
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 所属组织：
                                   </label>
                                   <div class="col-xs-12 col-sm-8 organization ztreeField">
                                       <div class="input-group organizationBtn">
                                           <input type="hidden" name="orgaId" class="organizationValue">
                                           <input type="text" name="orgaName" class="form-control organizationName" placeholder="请选择组织"
                                            data-rule="required" readonly>
                                           <span class="input-group-addon"><i class="icon-search4"></i></span>
                                       </div>

                                       <div class="organizationContent ztreeContent col-xs-12 col-sm-12">
                                           <ul id="organizationTree" class="ztree col-xs-12 col-sm-12"></ul>
                                       </div>
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	<span class="text-danger">*</span> 职位：
                                   </label>
                                       <div class="col-xs-12 col-sm-8">
                                       <input type="position" name="position" class="form-control" placeholder="请输入职位名称" data-rule="required">
                                   </div>
                               </div>
                               
                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   	工号：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="staffNo" class="form-control" placeholder="请输入工号" data-rule="">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">毕业院校：</label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="graduated" class="form-control" placeholder="请输入毕业院校">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3" for="workingTime">
                                   	从业时间：
                                   </label>
                                   <div class="col-xs-12 col-sm-8">
                                       <div class="input-group">
                                           <input type="text" id="workingTime" name="workingTime" class="form-control datetimepicker"
                                                  placeholder="请输入从业时间" data-rule="date" data-date-format="yyyy-mm-dd">
                                           <span class="input-group-addon"><i class="icon-calendar22"></i></span>
                                       </div>
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">籍贯：</label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="nativePlace" class="form-control" placeholder="请输入籍贯">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">户籍地址：</label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="permanentAddress" class="form-control" placeholder="请输入户籍地址">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">居住地址：</label>
                                   <div class="col-xs-12 col-sm-8">
                                       <input type="text" name="address" class="form-control" placeholder="请输入居住地址">
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">
                                   		<span class="text-danger">*</span> 状态：
                                   </label>
                                    <div class="col-xs-12 col-sm-8">
                                       <div class="checkbox checkbox-switch">
                                           <input type="checkbox" id="enable" name="enable" data-on-text="启用"
                                                      data-off-text="禁止" class="switch" value="1" checked>
                                       </div>
                                   </div>
                               </div>

                               <div class="form-group">
                                   <label class="control-label col-xs-12 col-sm-3">备注：</label>
                                   <div class="col-xs-12 col-sm-8">
                                       <textarea rows="5" cols="5" name="remark" class="form-control" placeholder="请输入备注信息"></textarea>
                                   </div>
                               </div>
                         </form>
	                </div>
	
	                <!--Modal footer-->
	                <div class="modal-footer">
	                    <button data-dismiss="modal" class="btn btn-default" type="button">关闭</button>
	                    <button class="btn btn-primary btn-save">保存</button>
	                </div>
	            </div>
	        </div>
	    </div>

</body>
</html>
